<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>BOM</title>
</head>
<body>
<p>BOM(Browser Object Model ) 是浏览器对象模型</p>
<img src="./BOM.png" alt="">
<p>
    window对象是一个全局对象，也可以说是JavaScript中的顶级对象 (最大的是 window对象,其次是 document对象)<br>
    像document、alert()、console.log()这些都是window的属性，基本BOM的属性和方法都是window的。 <br>
    所有通过var定义在全局作用域中的变量、函数都会变成window对象的属性和方法 <br>
    window对象下的属性和方法调用的时候可以省略window
</p>
<hr>
<p>
    另外说明: <br>
    BOM是浏览器对象, 而DOM是页面对象 (单个网页) <br>
    所以, BOM 是包括 DOM
</p>
<hr>

<script>
    // 全写的写法
    window.document.querySelector('hr')
    // 由于 window 是最顶级的,所以一般省略
    document.querySelector('p')

    console.log(document === window.document) // 验证是否相同? 输出信息是 true

    function 函数() {
      console.log('函数输出信息11')
    }
    // 函数也是在 window对象 底下的, 调用函数
    window.函数()

    // var声明的变量, 也是在 window对象 底下
    var 数 = 10
    console.log(window.数)
</script>

</body>
</html>